<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>综合数据监控平台</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <!-- Le styles -->
    <script type="text/javascript" src="assets/js/jquery.js"></script>

    <link rel="stylesheet" href="assets/css/style.css">
    <link rel="stylesheet" href="assets/css/loader-style.css">
    <link rel="stylesheet" href="assets/css/bootstrap.css">


    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
        <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
    <!-- Fav and touch icons -->
    <link rel="shortcut icon" href="assets/ico/favicon.ico">
    <style>
        .paper-wrap{
            /*height:100%;*/
            min-height:899px;
        }
        .content-wrap {
            color:#555;
        }
        .data-view-select {
            float:left;
            line-height:50px;
            margin-left:50px;
        }
        .data-view-select .form-group {
            /*display: inline-block;*/
            float:left;
            margin-right: 10px;
        }
        .data-view-select select {
            width:120px;
            height:26px;
            line-height: 26px;
        }
        .data-view-select input[type="date"], .data-view-select input[type="text"] {
            line-height:20px;
            width:120px;
        }
        .data-view-select label {
            font-weight: normal;
        }
        input[type="text"] {
            color:#555;
        }
        input[type="button"]:active {
            outline:none;/*???*/
        }
        /*模态框*/
        .modal-body-top {
            padding-bottom: 5px;
            border-bottom: 2px dotted #aaa;
            margin-bottom: 10px;
        }
        .modal {
            color:#777;
        }
        .modal .col-md-6{
            margin-bottom: 5px;
        }
        .modal input[type="date"], .modal input[type="file"], .modal select, .modal input[type="text"] {
            line-height: 20px;
            width:260px;
            height:24px;
        }
        .modal input[type="file"] {
            display: inline-block;
        }
        .red {
            color:#e4393c;
        }
        .yellow {
            color:#f0ad4e;
        }
        .modal textarea {
            width:260px;
            vertical-align: top;
        }
        .pagination {
            margin:10px 0;
        }
    </style>
</head>

<body>
    <!-- Preloader -->
    <div id="preloader">
        <div id="status">&nbsp;</div>
    </div>
    <!-- TOP NAVBAR -->
    <nav role="navigation" class="navbar navbar-static-top">
        <div class="container-fluid">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button data-target="#bs-example-navbar-collapse-1" data-toggle="collapse" class="navbar-toggle" type="button">
                    <span class="entypo-menu"></span>
                </button>
                <button class="navbar-toggle toggle-menu-mobile toggle-left" type="button">
                    <span class="entypo-list-add"></span>
                </button>

                <div id="logo-mobile" class="visible-xs">
                   <h1>综合数据监控平台<span>v1.0</span></h1>
                </div>

            </div>


            <!-- Collect the nav links, forms, and other content for toggling -->
            <div id="bs-example-navbar-collapse-1" class="collapse navbar-collapse">
                <ul class="nav navbar-nav">
                    <!-- 消息 -->
                    <li class="dropdown">

                        <a data-toggle="dropdown" class="dropdown-toggle" href="#"><i style="font-size:20px;" class="icon-conversation"></i><div class="noft-red">23</div></a>


                        <ul style="margin: 11px 0 0 9px;" role="menu" class="dropdown-menu dropdown-wrap">
                            <li>
                                <a href="#">
                                    <img alt="" class="img-msg img-circle" src="assets/img/portraits/1.jpg">张三 <b>刚刚</b>
                                </a>
                            </li>
                            <li class="divider"></li>
                            <li>
                                <a href="#">
                                    <img alt="" class="img-msg img-circle" src="assets/img/portraits/5.jpg">李四 <b>3 分钟 前</b>
                                </a>
                            </li>
                            <li class="divider"></li>
                            <li>
                                <a href="#">
                                    <img alt="" class="img-msg img-circle" src="assets/img/portraits/2.jpg">王五 <b>2 小时 前</b>
                                </a>
                            </li>
                            <li class="divider"></li>
                            <li>
                                <a href="#">
                                    <img alt="" class="img-msg img-circle" src="assets/img/portraits/3.jpg"><i>刘六</i>  <b>1 天 前</b>
                                </a>
                            </li>
                            <li class="divider"></li>
                            <li>
                                <a href="#">
                                    <img alt="" class="img-msg img-circle" src="assets/img/portraits/4.jpg"><i>田七</i>  <b>2 月 前</b>
                                </a>
                            </li>
                            <li class="divider"></li>
                            <li>
                                <div>查看所有消息</div>
                            </li>
                        </ul>
                    </li>
                    <!-- 通知 -->
                    <li>

                        <a data-toggle="dropdown" class="dropdown-toggle" href="#"><i style="font-size:19px;" class="icon-warning tooltitle"></i><div class="noft-green">5</div></a>
                        <ul style="margin: 12px 0 0 0;" role="menu" class="dropdown-menu dropdown-wrap">
                            <li>
                                <a href="#">
                                    <span style="background:#DF2135" class="noft-icon maki-bus"></span><i>From Station</i>  <b>01B</b>
                                </a>
                            </li>
                            <li class="divider"></li>
                            <li>
                                <a href="#">
                                    <span style="background:#AB6DB0" class="noft-icon maki-ferry"></span><i>Departing at</i>  <b>9:00 AM</b>
                                </a>
                            </li>
                            <li class="divider"></li>
                            <li>
                                <a href="#">
                                    <span style="background:#FFA200" class="noft-icon maki-aboveground-rail"></span><i>Delay for</i>  <b>09 Min</b>
                                </a>
                            </li>
                            <li class="divider"></li>
                            <li>
                                <a href="#">
                                    <span style="background:#86C440" class="noft-icon maki-airport"></span><i>Take of</i>  <b>08:30 AM</b>
                                </a>
                            </li>
                            <li class="divider"></li>
                            <li>
                                <a href="#">
                                    <span style="background:#0DB8DF" class="noft-icon maki-bicycle"></span><i>Take of</i>  <b>08:30 AM</b>
                                </a>
                            </li>
                            <li class="divider"></li>
                            <li>
                                <div>查看所有通知</div>
                            </li>
                        </ul>
                    </li>
                    <!-- 帮助 -->
                    <li><a href="#"><i data-toggle="tooltip" data-placement="bottom" title="Help" style="font-size:20px;" class="icon-help tooltitle"></i></a>
                    </li>

                </ul>
                <!-- 时间天气框 -->
                <div id="nt-title-container" class="navbar-left running-text visible-lg">
                    <ul class="date-top">
                        <li class="entypo-calendar" style="margin-right:5px"></li>
                        <li id="Date"></li>
                    </ul>

                    <ul id="digital-clock" class="digital">
                        <li class="entypo-clock" style="margin-right:5px"></li>
                        <li class="meridiem"></li>
                        <li class="hour"></li>
                        <li>:</li>
                        <li class="min"></li>
                        <li>:</li>
                        <li class="sec"></li>
                    </ul>
                    <ul id="nt-title">
                        <li><i class="wi-day-lightning"></i>&#160;&#160;西安&#160;
                            <b>85</b><i class="wi-fahrenheit"></i>&#160; 
                        </li>
                        <li><i class="wi-day-lightning"></i>&#160;&#160;西安 &#160;
                            <b>70</b><i class="wi-fahrenheit"></i>&#160;; 夜晚- 72 °F (22.2 °C)
                        </li>

                        <li><i class="wi-day-lightning"></i>&#160;&#160;咸阳&#160;
                            <b>65</b><i class="wi-fahrenheit"></i>&#160;
                        </li>

                        <li><i class="wi-day-lightning"></i>&#160;&#160;渭南&#160;
                            <b>80</b><i class="wi-fahrenheit"></i>&#160;
                        </li>

                        <li><i class="wi-day-lightning"></i>&#160;&#160;汉中&#160;
                            <b>55</b><i class="wi-fahrenheit"></i>&#160;
                        </li>

                    </ul>
                </div>

                <ul style="margin-right:0;" class="nav navbar-nav navbar-right">
                    <li>
                        <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                            <img alt="" class="admin-pic img-circle" src="assets/img/portraits/10.jpg">你好, 田七 <b class="caret"></b>
                        </a>
                        <ul style="margin-top:14px;" role="menu" class="dropdown-setting dropdown-menu">
                            <li>
                                <a href="#">
                                    <span class="entypo-user"></span>&#160;&#160;头像</a>
                            </li>
                            <li>
                                <a href="#">
                                    <span class="entypo-vcard"></span>&#160;&#160;设置</a>
                            </li>
                            <li>
                                <a href="#">
                                    <span class="entypo-lifebuoy"></span>&#160;&#160;帮助</a>
                            </li>
                            <li class="divider"></li>
                            <li>
                                <a href="http://themeforest.net/item/apricot-navigation-admin-dashboard-template/7664475?WT.ac=category_item&WT.z_author=themesmile">
                                    <span class="entypo-basket"></span>&#160;&#160; 购买</a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                            <span class="icon-gear"></span>&#160;&#160;主题</a>
                        <ul role="menu" class="dropdown-setting dropdown-menu">

                            <li class="theme-bg">
                                <div id="button-bg"></div>
                                <div id="button-bg2"></div>
                                <div id="button-bg3"></div>
                                <div id="button-bg5"></div>
                                <div id="button-bg6"></div>
                                <div id="button-bg7"></div>
                                <div id="button-bg8"></div>
                                <div id="button-bg9"></div>
                                <div id="button-bg10"></div>
                                <div id="button-bg11"></div>
                                <div id="button-bg12"></div>
                                <div id="button-bg13"></div>
                            </li>
                        </ul>
                    </li>
                </ul>

            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container-fluid -->
    </nav>

    <!-- /END OF TOP NAVBAR -->

    <!-- SIDE MENU -->
    <div id="skin-select">
        <div id="logo">
            <img src="assets/img/logo.png" alt="大连睿科电子有限公司">
        </div>

        <a id="toggle">
            <span class="entypo-menu"></span>
        </a>


        <div class="skin-part">
            <div id="tree-wrap">
                <div class="side-bar">
                    <ul class="topnav menu-left-nest">
                        <li>
                            <a class="tooltip-tip ajax-load" href="index.html" title="首页">
                                <i class="icon-home"></i>
                                <span>首页</span>

                            </a>
                        </li>
                    </ul>

                    <ul class="topnav menu-left-nest">
                        <li>
                            <a href="#" style="border-left:0px solid!important;" class="title-menu-left">

                                <span class="widget-menu"></span>
                                <i data-toggle="tooltip" class="entypo-cog pull-right config-wrap"></i>

                            </a>
                        </li>

                        <li>
                            <a class="tooltip-tip ajax-load" href="realtime-data.html" title="实时数据">
                                <i class="icon-document-edit"></i>
                                <span>实时数据</span>

                            </a>
                        </li>
                        <li>
                            <a class="tooltip-tip ajax-load" href="chart-data.html" title="数据曲线">
                                <i class="icon-graph-line"></i>
                                <span>数据曲线</span>

                            </a>
                        </li>
                        <li>
                            <a class="tooltip-tip ajax-load" href="history-data.html" title="历史数据">
                                <i class="icon-document"></i>
                                <span>历史数据</span>

                            </a>
                        </li>
                    </ul>

                    <ul class="topnav menu-left-nest">
                        <li>
                            <a href="#" style="border-left:0px solid!important;" class="title-menu-left">

                                <span class="design-kit"></span>
                                <i data-toggle="tooltip" class="entypo-cog pull-right config-wrap"></i>

                            </a>
                        </li>

                        <li>
                            <a class="tooltip-tip ajax-load" href="device-manage.html" title="设备管理">
                                <i class="icon-view-thumb"></i>
                                <span>设备管理</span>

                            </a>
                        </li>
                        <li>
                            <a class="tooltip-tip ajax-load" href="user-manage.html" title="用户管理">
                                <i class="icon-user"></i>
                                <span>用户管理</span>

                            </a>
                        </li>
                        <li>
                            <a class="tooltip-tip ajax-load" href="login-record.html" title="登录日志">
                                <i class="icon-user-group"></i>
                                <span>登录日志</span>

                            </a>
                        </li>
                        <li>
                            <a class="tooltip-tip ajax-load" href="SIMinfo-manage.html" title="SIM卡信息管理">
                                <i class="icon-message"></i>
                                <span>SIM卡信息管理</span>

                            </a>
                        </li>
                        <!-- <li>
                            <a class="tooltip-tip ajax-load" href="#" title="系统设置">
                                <i class="icon-gear"></i>
                                <span>系统设置</span>

                            </a>
                        </li> -->
                    </ul>

                    <ul class="topnav menu-left-nest">
                        <li>
                            <a href="#" style="border-left:0px solid!important;" class="title-menu-left">

                                <span class="component"></span>
                                <i data-toggle="tooltip" class="entypo-cog pull-right config-wrap"></i>

                            </a>
                        </li>

                        <li>
                            <a class="tooltip-tip" href="warning-handle.html" title="报警处理">
                                <i class="icon-warning"></i>
                                <span>报警处理</span>
                            </a>
                        </li>
                        <li>
                            <a class="tooltip-tip" href="warning-config.html" title="报警设置">
                                <i class="icon-attachment"></i>
                                <span>报警设置</span>
                            </a>
                        </li>

                    </ul>


                </div>
            </div>
        </div>
    </div>
    <!-- END OF SIDE MENU -->



    <!--  PAPER WRAP -->
    <div class="wrap-fluid">
        <div class="container-fluid paper-wrap bevel tlbr">

            <!-- CONTENT -->
            <!--TITLE -->
            <div class="row">
                <div id="paper-top">
                    <div class="col-sm-3">
                        <h2 class="tittle-content-header">
                            <i class="icon-message"></i>
                            <span>SIM卡信息管理
                            </span>
                        </h2>

                    </div>

                    <div class="col-sm-7">
                        <div class="devider-vertical visible-lg"></div>
                        <div class="tittle-middle-header">

                            <div class="alert">
                                <button type="button" class="close" data-dismiss="alert">×</button>
                                <span class="tittle-alert entypo-info-circled"></span>
                                欢迎回来,&nbsp;
                                <strong>田七 !</strong>&nbsp;&nbsp;您上次登录是 昨天下午 16:54 
                            </div>


                        </div>

                    </div>
                </div>
            </div>
            <!--/ TITLE -->

            <!-- BREADCRUMB -->
            <ul id="breadcrumb">
                <li>
                    <span class="entypo-home"></span>
                </li>
                <li><i class="fa fa-lg fa-angle-right"></i>
                </li>
                <li><a href="#">系统管理</a>
                </li>
                <li><i class="fa fa-lg fa-angle-right"></i>
                </li>
                <li><a href="SIMinfo-manage.html">SIM卡信息管理</a>
                </li>
                <li class="pull-right">
                    <div class="input-group input-widget">
                        <input style="border-radius:15px" type="text" placeholder="搜索..." class="form-control">
                    </div>
                </li>
            </ul>

            <!-- END OF BREADCRUMB -->



            <div class="content-wrap">
                <div class="row">


                    <div class="col-sm-12">

                        <div class="nest" id="FootableClose">
                            <div class="title-alt">
                                <h6>
                                    SIM卡信息列表
                                </h6>
                                <form class="data-view-select">
                                    <div class="form-group">
                                        <a href="#" class="btn btn-inverse" data-toggle="modal" data-target="#addSIMModal"><span class="entypo-plus"></span> 添加</a>
                                        <a href="#" class="btn btn-inverse" data-toggle="modal" data-target="#nullModal"><span class="entypo-pencil"></span> 修改</a>
                                        <a href="#" class="btn btn-inverse" data-toggle="modal" data-target="#deleteModal"><span class="entypo-cancel"></span> 删除</a>
                                    </div>
                                    <div class="form-group">                                    
                                        <label for="mobile">手机号码:</label>
                                        <input type="text" id="mobile">

                                        <label for="clientname">客户名称:</label>
                                        <input type="text" id="clientname">
                                    </div>
                                    <div class="form-group">
                                        <input type="button" class="btn btn-primary" value="查询" id="searchBtn">
                                        <input type="button" class="btn btn-info" value="批量导入SIM卡信息">
                                        <input type="button" class="btn btn-success" value="导出EXCEL" >
                                    </div>
                                </form>
                                

                            </div>

                            <div class="body-nest" id="Footable">
                                <form id="SIM_form">
                                    <table class="table table-bordered table-striped table-hover" id="item_table">
                                        <thead>
                                            <tr>
                                                <th>序号</th>
                                                <th>
                                                    <input type="checkbox" id="all">
                                                </th>
                                                <th>客户名称</th>
                                                <th>SIM卡号码</th>
                                                <th>启用日期</th>
                                                <th>套餐费用</th>
                                                <th>每月流量</th>
                                                <th>运营商</th>
                                                <th>业务类型</th>
                                                <th>是否被绑定</th>
                                                <th>描述</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <!-- 喵喵喵 -->
                                        </tbody>
                                        <tfoot>
                                            <tr>
                                                <td colspan="13">
                                                    <nav id="pageBox" aria-label="Page navigation" class="pull-left"></nav>
                                                </td>
                                            </tr>
                                        </tfoot>
                                    </table>
                                </form>
                            </div>

                        </div>


                    </div>

                </div>
            </div>


            <!-- /END OF CONTENT -->



            <!-- FOOTER -->
            <div class="footer-space"></div>
            <div id="footer">
                <div class="devider-footer-left"></div>
                <div class="time">
                    <p id="spanDate">
                    <p id="clock">
                </div>
                <div class="copyright">
                        版权归 <a href="http://www.brjzbs.com/" title="西安天通物联网科技有限公司" target="_blank">西安天通物联网科技有限公司</a> 所有
                </div>
                <div class="devider-footer"></div>
            </div>
            <!-- / END OF FOOTER -->


        </div>
    </div>
    <!--  END OF PAPER WRAP -->

    <!-- 1. 添加模态框 -->
    <div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="gridSystemModalLabel" id="addSIMModal">
      <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <h4 class="modal-title" id="gridSystemModalLabel">新增SIM信息</h4>
          </div>
          <div class="modal-body">
            <div class="row modal-body-top">
              <div class="col-md-4 col-md-offset-1"><span class="entypo-mobile"></span> 基础信息</div>
            </div>
            <div class="row">
              <div class="col-md-6">
                <label for="new-institution">客户名称:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>
                <input type="text" id="new-institution">
                <span class="red">*</span>
              </div>  
              <div class="col-md-6">
                <label for="">SIM卡号码:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>
                <input type="text">
                <span class="red">*</span>
              </div>
              <div class="col-md-6">
                <label for="">启用日期:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>
                <input type="date">
              </div>
              <div class="col-md-6">
                <label for="">套餐费用:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>
                <input type="text">
              </div>
              <div class="col-md-6">
                <label for="">每月流量:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>
                <input type="text">
              </div>
              <div class="col-md-6">
                <label for="">运营商:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>
                <select name="" id="" class="form-inline required">
                    <option value="0">移动</option>
                    <option value="1">电信</option>
                    <option value="2">联通</option>
                </select>
                <span class="red">*</span>
              </div>
              <div class="col-md-6">
                <label for="">业务类型:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>
                <select name="" id="" class="form-inline required">
                    <option value="0">神州行</option>
                    <option value="1">全国通</option>
                    <option value="2">如意通</option>
                    <option value="3">联通3GVPN专网</option>
                </select>
                <span class="red">*</span>
              </div>
              <div class="col-md-6">
                <label for="">是否绑定:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>
                <select name="" id="" class="form-inline required">
                    <option value="0">是</option>
                    <option value="1">否</option>
                </select>
                <span class="red">*</span>
              </div>
            </div><!-- row -->
            <div class="row">
                <div class="col-md-6">
                <label for="">描述:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>
                <textarea name="" id="" cols="30" rows="6"></textarea>
              </div>
            </div>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-primary">保存</button>
            <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
          </div>
        </div><!-- /.modal-content -->
      </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->

    <!-- 2. 无操作项模态框 -->
    <div class="modal fade" id="nullModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <h4 class="modal-title" id="myModalLabel">提示</h4>
          </div>
          <div class="modal-body">
            <span class="entypo-attention red" style="font-size:50px;margin:0 50px;"></span>请选择操作项 ！
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">确定</button>
          </div>
        </div>
      </div>
    </div>
    <!-- 3. 删除模态框 -->
    <div class="modal fade" id="deleteModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <h4 class="modal-title" id="myModalLabel">提示</h4>
          </div>
          <div class="modal-body">
            <span class="entypo-help yellow" style="font-size:50px;margin:0 50px;"></span>确定删除吗 ？
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-primary">是</button>
            <button type="button" class="btn btn-default" data-dismiss="modal">否</button>
          </div>
        </div>
      </div>
    </div>
    <!-- 4. 测点分布模态框 -->
    <div class="modal fade" id="PointsDistributeModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <h4 class="modal-title" id="myModalLabel">照片</h4>
          </div>
          <div class="modal-body">
            <img src="assets/img/points.jpg" alt="测点分布图片" class="img-responsive">
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
          </div>
        </div>
      </div>
    </div>


    <script type="text/javascript" src="assets/js/socket.io.js"></script>
    <script type="text/javascript" src="assets/js/requireData/sim-info.js"></script>
    <script type="text/javascript" src="assets/js/pagination/jquery.pagination.js?v=1"></script>
    <script type="text/javascript" src="assets/js/ioconnect.js"></script>
    <script>
        
        //1.仪表编号、起始时间、结束时间默认为空时，显示所有数据
        getSIMItem();
        
        //2.有筛选项时，点击查询按钮 显示过滤后的数据
        $("#searchBtn").click(function(){
            getSIMItem();
            
        });
        
        function getSIMItem(){
            
            function getSIMDetail(pagesize,page,deviceid) {
                //若仪表编号起始结束时间为空时设为null否则为表单元素中的值
                var s_mobile = $("#mobile").val() == "" ? null : $("#mobile").val();//手机号码
                var s_clientname = $("#clientname").val() == "" ? null : $("#clientname").val();//客户名称?？？？
                if (socket) {
                    var data = { itemsPerPage: pagesize, currentPage: page, mobile:s_mobile, org:s_clientname };
                    console.log("select");
                    socket.emit('data_sim_select', data);
                }
            }
            var pageIndex_record = 1;
            // socket.on('connect', function () {
            //     console.log("connect");
            getSIMDetail(10, pageIndex_record, null);
            // });
            socket.on('data_sim', function (receivedata, itemcount) {
                console.log("receive data" + receivedata);
                set_json_data(receivedata,pageIndex_record);//处理数据并渲染到页面 pageIndex_record为当前页码
                $('#pageBox').pagination({
                    total: itemcount,
                    current: pageIndex_record
                });

            });
            $('#pageBox').pagination({
                callback: function (pageIndex, pagination) {
                    pageIndex_record = pageIndex;
                    getSIMDetail(10, pageIndex, null);
                }
            });
        }
        
    </script>

    <!-- MAIN EFFECT -->
    <script type="text/javascript" src="assets/js/preloader.js"></script>
    <script type="text/javascript" src="assets/js/bootstrap.js"></script>
    <script type="text/javascript" src="assets/js/app.js"></script>
    <script type="text/javascript" src="assets/js/load.js"></script>
    <script type="text/javascript" src="assets/js/main.js"></script>
    
    <!-- 表格行复选框的控制 -->
    <script src="assets/js/tableItemSelect.js"></script>


</body>

</html>
